<!--
**********************************************************
* @Author: 张小平
* @Date:   2024-05-01
* @Email:  qqshuqian@163.com
* @Last modified: 最后修改日期
* @Description: 文件描述
**********************************************************
-->
<template>
  <div class="zoom-box" :style="{ transform: `scale(${this.snum})` }">
    <slot />
  </div>
</template>

<script>
export default {
  props: {
    snum: {
      type: Number,
      default: 1
    }
  }
}
</script>

<style scoped>
.zoom-box {
  padding: 4rem 0;
  transform-origin: 50% 0px 0px;
}
</style>
